// CSS Main
@import "main.less";
//import "user_common.less";
//import "forms.less";


.form_title {
	.intro{
		font-family:@altFontFamily;
		overflow:hidden;
		padding-left:181px;
		margin-top:10px;
		h2 {
			color:@orange;
			font-size: @largeFontSize;
			float:left;
			line-height:50px;
		}
		h3 {
			font-size: @midFontSize;
			margin-left:10px;
			float:left;
			line-height:50px;
		}
		.buttons {
			float:right;
			width:428px;
			a {
				display:inline-block;
				width:132px;
				height:50px;
				line-height:46px;
				text-align:center; 
				font-size:@midFontSize;
				margin-left:10px;
				&.helper {
					background:url("@{registerBg}") no-repeat -370px -232px;
					color: @blueDark;
				}
				&.health {
					background:url("@{registerBg}") no-repeat -658px -232px;
					color: @green;
				}
				&.buddy {
					background:url("@{registerBg}") no-repeat -512px -232px;
					color: @white;
				}
			}
		}
	}
	.info {
		clear:both;
		height:60px;
		padding:10px;
		margin-top:10px;
		background:url("@{registerBg}") no-repeat top left;
		font-size:@midFontSize;
		color:@white;
		font-family:@altFontFamily;
		position:relative;
		p{
			margin:5px 100px 5px 171px;
		}
		.icon {
			display:block;
			width:140px;
			height:140px;
			position:absolute;
			bottom:0;
			left:5px;
		}
		.icon_1 {
			background:url("@{registerBg}") no-repeat -150px bottom;
		}
		.icon_2 {
			width:180px;
			height:150px;
			bottom:0px;
			left:-10px;
			background:url("@{registerBg}") no-repeat -316px bottom;
		}
		.icon_3 {
			width:180px;
			height:150px;
			bottom:0px;
			left:-10px;
			background:url("@{registerBg}") no-repeat 20px bottom;
		}
		.arrow {
			display:block;
			width:24px;
			height:24px;
			position:absolute;
			top:-10px;
			right:180px; // 50px
			background:url("@{registerBg}") no-repeat -956px -238px;
		}
	}
}

